﻿/*!
 *  SoIcons by @gracebug
 */
/* FONT PATH
 * -------------------------- */
/*@font-face {
  font-family: 'SoIcons';
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot');
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot') format('embedded-opentype'), url('/LiberUI/Style/Default/fonts/iconfont.woff') format('woff'), url('/LiberUI/Style/Default/fonts/iconfont.ttf') format('truetype'), url('/LiberUI/Style/Default/fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
@-moz-keyframes loop {
  0% {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@-webkit-keyframes loop {
  0% {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

@keyframes loop {
  0% {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }

.icon-bang2:before {
  content: "\e6be"; }

.icon-triangle-bottom:before {
  content: "\e604"; }

.icon-triangle-right:before {
  content: "\e64a"; }

.icon-triangle-left:before {
  content: "\e656"; }

.icon-iconfonttriangletop:before {
  content: "\e696"; }

.icon-three-people:before {
  content: "\e6bc"; }

.icon-save:before {
  content: "\e6d7"; }

.icon-wangluo1:before {
  content: "\e6d8"; }

.icon-chongzhi:before {
  content: "\e6d9"; }

.icon-bianji:before {
  content: "\e6da"; }

.icon-zhangwuxinxi:before {
  content: "\e6bf"; }

.icon-quanxianguanli:before {
  content: "\e6c0"; }

.icon-shenpi:before {
  content: "\e6c1"; }

.icon-huiyuanbiaoqian:before {
  content: "\e6db"; }

.icon-huiyuandengji:before {
  content: "\e6dc"; }

.icon-huiyuanmingdan:before {
  content: "\e6dd"; }

.icon-cycle:before {
  content: "\e6de"; }

.icon-statsup:before {
  content: "\e6df"; }

.icon-shareleft:before {
  content: "\e6e0"; }

.icon-shareright:before {
  content: "\e6e1"; }

.icon-fenlei:before {
  content: "\e6e2"; }

.icon-jiedianpanduan:before {
  content: "\e6e3"; }

.icon-jiedianxiaoxituisong:before {
  content: "\e6e4"; }

.icon-hkflow:before {
  content: "\e6e5"; }

.icon-emojisicon:before {
  content: "\e6e6"; }

.icon-voiceicon:before {
  content: "\e6e7"; }

.icon-iconfontqq:before {
  content: "\e6c2"; }

.icon-iconfontwechat:before {
  content: "\e6c3"; }

.icon-shangjiarenzheng:before {
  content: "\e6c4"; }

.icon-shenfenrenzheng:before {
  content: "\e6c5"; }

.icon-accountbalance:before {
  content: "\e600"; }

.icon-accountbox:before {
  content: "\e601"; }

.icon-accountcircle:before {
  content: "\e602"; }

.icon-add:before {
  content: "\e603"; }

.icon-addshoppingcart:before {
  content: "\e605"; }

.icon-alarm:before {
  content: "\e606"; }

.icon-alarmadd:before {
  content: "\e607"; }

.icon-allinclusive:before {
  content: "\e608"; }

.icon-attachfile:before {
  content: "\e609"; }

.icon-attachmoney:before {
  content: "\e60a"; }

.icon-build:before {
  content: "\e60b"; }

.icon-call:before {
  content: "\e60c"; }

.icon-cardtravel:before {
  content: "\e60d"; }

.icon-chat:before {
  content: "\e60e"; }

.icon-chatbubble:before {
  content: "\e60f"; }

.icon-chatbubbleoutline:before {
  content: "\e610"; }

.icon-checkbox:before {
  content: "\e611"; }

.icon-checkboxoutlineblank:before {
  content: "\e612"; }

.icon-clear:before {
  content: "\e613"; }

.icon-cloud:before {
  content: "\e614"; }

.icon-clouddone:before {
  content: "\e615"; }

.icon-clouddownload:before {
  content: "\e616"; }

.icon-cloudoff:before {
  content: "\e617"; }

.icon-cloudqueue:before {
  content: "\e618"; }

.icon-cloudupload:before {
  content: "\e619"; }

.icon-contactmail:before {
  content: "\e61a"; }

.icon-contactphone:before {
  content: "\e61b"; }

.icon-contacts:before {
  content: "\e61c"; }

.icon-controlpoint:before {
  content: "\e61d"; }

.icon-copyright:before {
  content: "\e61e"; }

.icon-createnewfolder:before {
  content: "\e61f"; }

.icon-creditcard:before {
  content: "\e620"; }

.icon-dashboard:before {
  content: "\e621"; }

.icon-done:before {
  content: "\e625"; }

.icon-doneall:before {
  content: "\e626"; }

.icon-donotdisturb:before {
  content: "\e627"; }

.icon-eventavailable:before {
  content: "\e628"; }

.icon-eventbusy:before {
  content: "\e629"; }

.icon-donutlarge:before {
  content: "\e62b"; }

.icon-donutsmall:before {
  content: "\e62c"; }

.icon-equalizer:before {
  content: "\e62d"; }

.icon-error:before {
  content: "\e62e"; }

.icon-erroroutline:before {
  content: "\e62f"; }

.icon-event:before {
  content: "\e630"; }

.icon-feedback:before {
  content: "\e631"; }

.icon-expandless:before {
  content: "\e632"; }

.icon-expandmore:before {
  content: "\e633"; }

.icon-favorite:before {
  content: "\e634"; }

.icon-favoriteoutline:before {
  content: "\e635"; }

.icon-filterdrama:before {
  content: "\e636"; }

.icon-filedownload:before {
  content: "\e637"; }

.icon-fileupload:before {
  content: "\e638"; }

.icon-foldershared:before {
  content: "\e639"; }

.icon-gavel:before {
  content: "\e63a"; }

.icon-formatquote:before {
  content: "\e63b"; }

.icon-forum:before {
  content: "\e63c"; }

.icon-group:before {
  content: "\e63d"; }

.icon-groupadd:before {
  content: "\e63e"; }

.icon-image:before {
  content: "\e63f"; }

.icon-help:before {
  content: "\e640"; }

.icon-helpoutline:before {
  content: "\e641"; }

.icon-highlightremove:before {
  content: "\e642"; }

.icon-history:before {
  content: "\e643"; }

.icon-home:before {
  content: "\e644"; }

.icon-info:before {
  content: "\e645"; }

.icon-infooutline:before {
  content: "\e646"; }

.icon-keyboardhide:before {
  content: "\e647"; }

.icon-link:before {
  content: "\e648"; }

.icon-list:before {
  content: "\e649"; }

.icon-localgrocerystore:before {
  content: "\e64b"; }

.icon-localoffer:before {
  content: "\e64c"; }

.icon-localprintshop:before {
  content: "\e64d"; }

.icon-localshipping:before {
  content: "\e64e"; }

.icon-locationcity:before {
  content: "\e64f"; }

.icon-locationdisabled:before {
  content: "\e650"; }

.icon-locationhistory:before {
  content: "\e651"; }

.icon-locationoff:before {
  content: "\e652"; }

.icon-locationon:before {
  content: "\e653"; }

.icon-locationsearching:before {
  content: "\e654"; }

.icon-lock:before {
  content: "\e655"; }

.icon-modeedit:before {
  content: "\e657"; }

.icon-loyalty:before {
  content: "\e659"; }

.icon-mail:before {
  content: "\e65a"; }

.icon-navigatebefore:before {
  content: "\e65b"; }

.icon-navigatenext:before {
  content: "\e65c"; }

.icon-navigation:before {
  content: "\e65d"; }

.icon-moneyoff:before {
  content: "\e65e"; }

.icon-more:before {
  content: "\e65f"; }

.icon-movetoinbox:before {
  content: "\e660"; }

.icon-mylocation:before {
  content: "\e661"; }

.icon-notificationsoff:before {
  content: "\e662"; }

.icon-notificationspaused:before {
  content: "\e663"; }

.icon-nowwidgets:before {
  content: "\e664"; }

.icon-notifications:before {
  content: "\e665"; }

.icon-notificationsactive:before {
  content: "\e666"; }

.icon-notificationsnone:before {
  content: "\e667"; }

.icon-pausecirclefilled:before {
  content: "\e668"; }

.icon-pausecircleoutline:before {
  content: "\e669"; }

.icon-payment:before {
  content: "\e66a"; }

.icon-people:before {
  content: "\e66b"; }

.icon-pause:before {
  content: "\e66c"; }

.icon-person:before {
  content: "\e66d"; }

.icon-personadd:before {
  content: "\e66e"; }

.icon-photosizeselectactual:before {
  content: "\e670"; }

.icon-pictureinpicture:before {
  content: "\e671"; }

.icon-phoneiphone:before {
  content: "\e672"; }

.icon-photocamera:before {
  content: "\e673"; }

.icon-powersettingsnew:before {
  content: "\e674"; }

.icon-pindrop:before {
  content: "\e675"; }

.icon-place:before {
  content: "\e676"; }

.icon-playlistadd:before {
  content: "\e677"; }

.icon-playlistaddcheck:before {
  content: "\e678"; }

.icon-poll:before {
  content: "\e679"; }

.icon-refresh:before {
  content: "\e67a"; }

.icon-remove:before {
  content: "\e67b"; }

.icon-presenttoall:before {
  content: "\e67c"; }

.icon-public:before {
  content: "\e67d"; }

.icon-questionanswer:before {
  content: "\e67e"; }

.icon-radiobuttonchecked:before {
  content: "\e67f"; }

.icon-radiobuttonunchecked:before {
  content: "\e680"; }

.icon-restore:before {
  content: "\e681"; }

.icon-removecircle:before {
  content: "\e683"; }

.icon-removecircleoutline:before {
  content: "\e684"; }

.icon-repeat:before {
  content: "\e685"; }

.icon-repeatone:before {
  content: "\e686"; }

.icon-replay:before {
  content: "\e687"; }

.icon-reply:before {
  content: "\e688"; }

.icon-replyall:before {
  content: "\e689"; }

.icon-report:before {
  content: "\e68a"; }

.icon-reportproblem:before {
  content: "\e68b"; }

.icon-rotateleft:before {
  content: "\e68c"; }

.icon-rotateright:before {
  content: "\e68d"; }

.icon-roundedcorner:before {
  content: "\e68e"; }

.icon-security:before {
  content: "\e68f"; }

.icon-selectall:before {
  content: "\e690"; }

.icon-send:before {
  content: "\e691"; }

.icon-settings:before {
  content: "\e692"; }

.icon-settingsbackuprestore:before {
  content: "\e693"; }

.icon-settingsvoice:before {
  content: "\e694"; }

.icon-share:before {
  content: "\e695"; }

.icon-star:before {
  content: "\e697"; }

.icon-starhalf:before {
  content: "\e698"; }

.icon-staroutline:before {
  content: "\e699"; }

.icon-smartphone:before {
  content: "\e69a"; }

.icon-sms:before {
  content: "\e69b"; }

.icon-sort:before {
  content: "\e69c"; }

.icon-supervisoraccount:before {
  content: "\e69d"; }

.icon-stars:before {
  content: "\e69e"; }

.icon-stop:before {
  content: "\e69f"; }

.icon-storage:before {
  content: "\e6a0"; }

.icon-store:before {
  content: "\e6a1"; }

.icon-style:before {
  content: "\e6a2"; }

.icon-subdirectoryarrowleft:before {
  content: "\e6a3"; }

.icon-subdirectoryarrowright:before {
  content: "\e6a4"; }

.icon-swapcalls:before {
  content: "\e6a5"; }

.icon-swaphoriz:before {
  content: "\e6a6"; }

.icon-swapvert:before {
  content: "\e6a7"; }

.icon-swapverticalcircle:before {
  content: "\e6a8"; }

.icon-sync:before {
  content: "\e6a9"; }

.icon-syncdisabled:before {
  content: "\e6aa"; }

.icon-syncproblem:before {
  content: "\e6ab"; }

.icon-thumbdown:before {
  content: "\e6ac"; }

.icon-thumbup:before {
  content: "\e6ad"; }

.icon-timeline:before {
  content: "\e6ae"; }

.icon-timer:before {
  content: "\e6af"; }

.icon-timeroff:before {
  content: "\e6b0"; }

.icon-today:before {
  content: "\e6b1"; }

.icon-verifieduser:before {
  content: "\e6b2"; }

.icon-transform:before {
  content: "\e6b3"; }

.icon-trendingup:before {
  content: "\e6b4"; }

.icon-tune:before {
  content: "\e6b5"; }

.icon-turnedin:before {
  content: "\e6b6"; }

.icon-turnedinnot:before {
  content: "\e6b7"; }

.icon-unfoldless:before {
  content: "\e6b8"; }

.icon-unfoldmore:before {
  content: "\e6b9"; }

.icon-update:before {
  content: "\e6ba"; }

.icon-vibration:before {
  content: "\e6bb"; }

.icon-004office:before {
  content: "\e6c6"; }

.icon-014image:before {
  content: "\e6e8"; }

.icon-015images:before {
  content: "\e6e9"; }

.icon-031mic:before {
  content: "\e6ea"; }

.icon-034library:before {
  content: "\e6c7"; }

.icon-057qrcode:before {
  content: "\e6c8"; }

.icon-063coinyen:before {
  content: "\e6c9"; }

.icon-xingzhengzhifawenshu:before {
  content: "\e6ca"; }

.icon-dengji:before {
  content: "\e6bd"; }

.icon-caidanmenu45:before {
  content: "\e6cb"; }

.icon-gengduomore10:before {
  content: "\e6cc"; }

.icon-gengduomore11:before {
  content: "\e6cd"; }

.icon-gengduomore12:before {
  content: "\e6ce"; }

.icon-kafeicoffee61:before {
  content: "\e6cf"; }

.icon-qingshuangderefreshing1:before {
  content: "\e6d0"; }

.icon-ribaodaily19:before {
  content: "\e6d1"; }

.icon-shijianevent5:before {
  content: "\e6d2"; }

.icon-shijianevent7:before {
  content: "\e6d3"; }

.icon-xiazaidownload145:before {
  content: "\e622"; }

.icon-xunhuanrecycle64:before {
  content: "\e6d4"; }

.icon-fenlei1:before {
  content: "\e623"; }

.icon-fabuxinxi:before {
  content: "\e6d5"; }

.icon-bangzhu:before {
  content: "\e6d6"; }

.icon-svgorderred:before {
  content: "\e624"; }

.icon-loop:before {
  display: block;
  content: "\e658";
  -moz-animation: loop 1s linear infinite;
  -o-animation: loop 1s linear infinite;
  -webkit-animation: loop 1s linear infinite;
  animation: loop 1s linear infinite; }

@font-face {
  font-family: 'SoIcons';
  src: url("/LiberUI/Style/Default/fonts/iconfont.eot");
  src: url("/LiberUI/Style/Default/fonts/iconfont.eot") format("embedded-opentype"), url("/LiberUI/Style/Default/fonts/iconfont.woff") format("woff"), url("/LiberUI/Style/Default/fonts/iconfont.ttf") format("truetype"), url("/LiberUI/Style/Default/fonts/iconfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

#headTitle {
  height: 100px;
  background-color: #2f2d2d; }

#siteLogo {
  height: 100px;
  background-image: url("../Imgs/logo-white.png");
  background-repeat: no-repeat;
  background-size: auto 70%;
  background-position: right center; }

#pageTitle {
  height: 100px; }
  #pageTitle > h2 {
    height: 100px;
    line-height: 100px;
    padding-left: 10px; }

#openUserInfo {
  height: auto;
  margin-top: 10px;
  background-color: white;
  box-shadow: 1px 1px 3px -1px black;
  border-radius: 2px; }

#userInfo_headImg {
  display: block;
  margin: 10px auto;
  height: 100px;
  border: 1px solid black; }

#userInfo_name {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #808080;
  line-height: 1.2; }

#userInfo_tip {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: #808080;
  line-height: 1.2; }

#acntEdit {
  min-height: 400px;
  margin-top: 10px;
  overflow: hidden;
  background-color: white;
  box-shadow: 1px 1px 3px -1px black;
  border-radius: 2px; }
  #acntEdit > .loading {
    line-height: 400px;
    font-size: 300%;
    text-align: center; }

#newAcnt {
  height: 400px;
  margin-top: -400px;
  padding-top: 1em;
  opacity: 0;
  -moz-transition: all ease 1s;
  -o-transition: all ease 1s;
  -webkit-transition: all ease 1s;
  transition: all ease 1s; }
  #newAcnt.active {
    margin-top: 0;
    opacity: 1; }
  #newAcnt > span {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold; }
    #newAcnt > span > span {
      margin-left: 1em;
      margin-right: 1em; }

#acnt4Bind {
  height: 400px;
  opacity: 1;
  display: none;
  padding-top: 1em;
  /*&.active{
        -moz-transition: all ease 1.5s;
        -o-transition: all ease 1.5s;
        -webkit-transition: all ease 1.5s;
        transition: all ease 1.5s;
        opacity:1;
    }*/ }
  #acnt4Bind > span {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold; }
    #acnt4Bind > span > span {
      margin-left: 1em;
      margin-right: 1em; }

#frmNewAcnt {
  margin-top: 2em; }
  #frmNewAcnt > .FormRow {
    margin-bottom: 1.2em; }

#frmBindAcnt {
  margin-top: 2em; }
  #frmBindAcnt > .FormRow {
    margin-bottom: 1.2em; }

.radVertify > h5 {
  width: 100%;
  text-align: center; }

.FormRow {
  position: relative;
  display: block;
  padding-left: 6em;
  line-height: 2; }
  .FormRow > label {
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    width: 5em;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .FormRow > input {
    width: 100%; }

#chkProtocol {
  margin-top: 5px; }

#pageFoot {
  position: absolute;
  height: 10em;
  bottom: 0;
  padding-top: 2em;
  color: #808080;
  background-color: #2f2d2d; }
  #pageFoot > div {
    line-height: 3em; }

#connactUs {
  line-height: 2em; }

#mailUs > a {
  line-height: 3em; }
  #mailUs > a > i {
    display: inline-block;
    font: normal normal normal 14px/1 SoIcons;
    font-size: 1.22222rem;
    line-height: 0.58201rem;
    vertical-align: -15%;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased; }
    #mailUs > a > i:before {
      color: #808080; }
  #mailUs > a:hover > i {
    display: inline-block;
    font: normal normal normal 14px/1 SoIcons;
    font-size: 1.22222rem;
    line-height: 0.58201rem;
    vertical-align: -15%;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased; }
    #mailUs > a:hover > i:before {
      color: #3caed4; }
